import { useModel } from '@umijs/max';
import { Card } from 'antd';
import { useState } from 'react';
import styles from './index.less';

const Read = () => {
  const { name } = useModel('global');
  const [dataSource, setDataSource] = useState([]);

  return (
    <Card hoverable style={{ padding: 40 }}>
      <div
        style={{
          display: 'flex',
          flexDirection: 'column',
          justifyContent: 'center',
          alignItems: 'center',
        }}
      >
        <div
          style={{ fontSize: '24px', fontWeight: 'bold', marginBottom: '20px' }}
        >
          备注说明：
        </div>
        <div className={styles.contentItem}>
          {/* 图片上传地址：
          <a href="https://www.baidu.com" target="_blank" rel="noreferrer">
            https://www.baidu.com
          </a> */}
        </div>
        <div className={styles.contentItem}>
          该项目没有部署服务器，数据是存在浏览器本地，如果需要清空一键删除即可
        </div>
      </div>
    </Card>
  );
};

export default Read;
